/*===========================
 4.DESCOUNT PRODUCT css 
===========================*/

@media (max-width: 767px) {
 .discount-product {
 padding-top: 50px; } }

.single-discount-product {
 position: relative; }
 .single-discount-product .product-image {
 overflow: hidden; }
 .single-discount-product .product-image img {
 width: 100%;
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -ms-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s; }
 .single-discount-product .product-content {
 position: absolute;
 top: 0;
 left: 0;
 padding: 45px 30px; }
 @media (max-width: 767px) {
 .single-discount-product .product-content {
 padding: 15px 20px; } }
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .single-discount-product .product-content {
 padding: 25px 30px; } }
 .single-discount-product .product-content .content-title {
 font-size: 24px;
 line-height: 40px; }
 @media (max-width: 767px) {
 .single-discount-product .product-content .content-title {
 font-size: 18px;
 line-height: 28px; } }
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .single-discount-product .product-content .content-title {
 font-size: 20px;
 line-height: 30px; } }
 .single-discount-product .product-content a {
 color: #777;
 font-size: 16px;
 font-weight: 500;
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -ms-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s; }
 .single-discount-product .product-content a i {
 font-size: 10px;
 margin-left: 5px; }
 .single-discount-product .product-content a:hover {
 color: #fe7865; }
 .single-discount-product:hover .product-image img {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2); }